<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="css/root.css"/>
    <link rel="stylesheet" type="text/css" href="css/account/user.css"/>
    <link rel="stylesheet" type="text/css" href="css/order/order.css"/>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js?ver=2.0.3" charset="utf-8"></script>
    <script type="text/javascript" src="js/underscore-min.js"></script>
    <script type="text/javascript" src="js/moment.min.js"></script>
    <script src="js/base/api.js"></script>
    <script src="js/base/base.js"></script>
    <script src="js/base/vue-filter.js"></script>
    <script src="js/vue/vue.js"></script>
    <script src="cordova.js"></script>

    <script type="text/javascript" src="js/magiclamp.js?ver=2.0.3" charset="utf-8"></script>
    <script type="text/javascript" src="js/swipe.min.js?ver=2.0.4" charset="utf-8"></script>
    <script type="text/javascript" src="js/order/member_user_order.js?ver=2.0.4" charset="utf-8"></script>

</head>
<body>
<div id="user_order_page">

    <header>
        <a @click="page_back" v-if="baseConfig.is_phone" class="h-left back-btn">
            <i class="iconfont icon-fanhui"></i>
        </a>
        <h1 class="h-title">我的订单 </h1>
    </header>

    <div id="root">
        <div class="com-tag" id="order-tab">
            <a href="#" class=" tag-on"><span>未付款</span></a>
            <a href="#"><span>已付款</span></a>
            <a href="#"><span>已完成</span></a>
        </div>
        <div id='slider' class='swipe'>
            <div class='swipe-wrap'>
                <!--未付款-->
                <div class="unfinished-order ">
                    <div class="order-item g-wrap border-top" v-for="payorder in un_pay_order_list">
                        <div v-for="order in payorder.goods_order_list">
                            <div class="my-order-title line">
                                <div v-text="'订单号:'+order.id"></div>
                                <div class="red-font">
                                    <p v-if="order.goods_status==0">未发货</p>
                                    <p v-if="order.goods_status==1">正在备货</p>
                                    <p v-if="order.goods_status==2">已发货</p>
                                    <p v-if="order.goods_status==3">已收货</p>
                                    <p v-if="order.goods_status==4">已完成</p>
                                </div>
                            </div>
                            <!--<div class="order-title">-->
                            <!--<h1 v-text="order.host__realname"></h1>-->
                            <!--<p v-text="order.create_time"></p>-->
                            <!--</div>-->
                            <div class="line" v-for="goods in order.goods_order_item_list">
                                <div class="g-item">
                                    <div class="g-item-wrap">
                                        <a href="#" class="g-img">
                                            <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                                        </a>
                                        <div class="g-i-info">
                                            <p class="g-i-name order-goods-title" v-text="goods.name"></p>
                                            <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                                {{goods.gg}}</p>
                                            <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                            <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                            <p class="order-count">
                                                <span class="order-goods-price"
                                                      v-text="price_filter(goods.price)"></span>
                                                <span class="order-goods-num">数量{{goods.num}}</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="my-order-title">
                            <div>共{{payorder.goods_num}}件商品</div>
                            <div class="red-font">合计:<span class="price" v-text="price_filter(payorder.price)"></span>
                            </div>
                        </div>
                        <div class="pay-btn-group border-top">
                            <button class="delete-payorder-btn" @click="delete_payorder(payorder)">取消订单</button>
                            <button class="open-payorder-btn" @click="open_payorder(payorder.id)">去支付</button>
                        </div>
                        <!--<div class="order-info dn-info" v-if="payorder.charge_status==3">-->
                        <!--<div class="order-btn">-->
                        <!--<button type="button" @click="open_payorder(payorder.id)">重新付款</button>-->
                        <!--</div>-->

                        <!--</div>-->
                        <!--<div class="order-info dn-info" v-if="payorder.charge_status==1">-->
                        <!--<div class="dn-msg-before" style="float:left;">-->
                        <!--<span class="waiting"></span>-->
                        <!--</div>-->
                        <!--<span class="dn-other-info">-->
                        <!--<span class="dn-order-state">正在付款</span>-->
                        <!--</span>-->
                        <!--</div>-->
                    </div>
                    <div class="com-notice" v-if="un_pay_order_list.length==0">
                        <div class="icon-wrap">
                            <i class="iconfont icon-dingdan"></i>
                        </div>
                        <p>暂无订单</p>
                    </div>
                </div>
                <!--已付款-->
                <div class="finished-order">
                    <div class="order-item g-wrap" v-for="order in goods_order_list">
                        <div class="my-order-title line">
                            <div v-text="'订单号:'+order.id"></div>
                            <div class="red-font">
                                <span class="price" v-if="order.goods_status==0">未发货</span>
                                <span class="price" v-if="order.goods_status==1">正在发货</span>
                                <span class="price" v-if="order.goods_status==2">已发货</span>
                                <span class="price" v-if="order.goods_status==3">已收货</span>
                                <span class="price" v-if="order.goods_status==4">已完成</span>
                            </div>
                        </div>
                        <!--<div class="order-title">-->
                        <!--<h1 v-text="order.host__realname"></h1>-->
                        <!--<p v-text="order.create_time">2017-03-12 13:33:28</p>-->
                        <!--</div>-->
                        <div class="line" v-for="goods in order.goods_order_item_list">
                            <div class="g-item" @click="open_order_info(order.id)">
                                <div class="g-item-wrap">
                                    <a href="#" class="g-img">
                                        <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                                    </a>
                                    <div class="g-i-info">
                                        <p class="g-i-name order-goods-title" v-text="goods.name"></p>
                                        <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                            {{goods.gg}}</p>
                                        <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                        <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                        <p class="order-count">
                                            <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                            <span class="order-goods-num">数量{{goods.num}}</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="my-order-title">
                            <div>共{{order.goods_num}}件商品</div>
                            <div class="red-font">合计:<span class="price" v-text="price_filter(order.price+order.express_fee)"></span>
                            </div>
                        </div>
                        <div class="order-info dn-info" v-if="order.goods_status==2&&order.dispute_step==0">
                            <div class="order-btn">
                                <button class="red-button" type="button" v-if="order.dispute_step==0"
                                        @click="make_goods_order(order)">
                                    确认收货{{shengyudays(order)}}
                                </button>
                                <button class="yellow-button" type="button" v-if="order.dispute_step==0"
                                        @click="dispute_goods_order(order)">投诉
                                </button>
                            </div>

                        </div>
                        <div class="order-info dn-info" v-if="order.goods_status==3&&order.dispute_step==0">
                            <div class="order-btn">
                                <button class="red-button" type="button" v-if="order.dispute_step==0"
                                        @click="make_goods_order(order)">
                                    完成订单
                                </button>
                                <button class="yellow-button" type="button" v-if="order.dispute_step==0"
                                        @click="dispute_goods_order(order)">投诉
                                </button>
                            </div>

                        </div>
                        <div class="order-info dn-info" v-if="order.dispute_step!=0&&order.dispute_step!=3">
                            <div class="order-btn">
                                <button class="red-button" type="button">
                                    未确认收货，已投诉
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="com-notice" v-if="goods_order_list.length==0">
                        <div class="icon-wrap">
                            <i class="iconfont icon-dingdan"></i>
                        </div>
                        <p>暂无订单</p>
                    </div>
                </div>
                <!--已完成-->
                <div class="finished-order">
                    <div class="order-item g-wrap" v-for="order in pay_order_list">
                        <div class="my-order-title line">
                            <div v-text="'订单号:'+order.id"></div>
                            <div class="red-font">
                                <p v-if="order.status==1&&order.goods_status==0">未发货</p>
                                <p v-if="order.status==1&&order.goods_status==1">正在备货</p>
                                <p v-if="order.status==1&&order.goods_status==2">已发货</p>
                                <p v-if="order.status==1&&order.goods_status==3">已收货</p>
                                <p v-if="order.status==1&&order.goods_status==4">已完成</p>
                                <p v-if="order.status==-2">正在退款</p>
                                <p v-if="order.status==-3">已退款</p>
                            </div>
                        </div>
                        <!--<div class="order-title">-->
                        <!--<h1 v-text="order.host__realname"></h1>-->
                        <!--<p v-text="order.create_time">2017-03-12 13:33:28</p>-->
                        <!--</div>-->

                        <div class="line" v-for="goods in order.goods_order_item_list">
                            <div class="g-item" @click="open_order_info(order.id)">
                                <div class="g-item-wrap">
                                    <a href="#" class="g-img">
                                        <img :src="baseConfig.qn_host + goods.small_image__fileurl+'?imageView2/1/w/80/h/80'">
                                    </a>
                                    <div class="g-i-info">
                                        <p class="g-i-name order-goods-title" v-text="goods.name"></p>
                                        <p class="order-goods-mark margin-bottom" v-if="goods.gg">
                                            {{goods.gg}}</p>
                                        <p class="order-goods-mark" v-if="goods.bz" v-text="'备注:'+goods.bz"></p>
                                        <p class="order-goods-mark">商品ID:{{goods.goods_id}}</p>
                                        <p class="order-count">
                                            <span class="order-goods-price" v-text="price_filter(goods.price)"></span>
                                            <span class="order-goods-num">数量{{goods.num}}</span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="my-order-title line">
                            <div>共{{order.goods_num}}件商品</div>
                            <div class="red-font">合计:{{price_filter(order.price+order.express_fee)}}</div>
                        </div>
                        <div class="my-order-title">
                            <span></span>
                            <button class="delete-payorder-btn" @click="apply_for_arbitration(order.id)">申请仲裁</button>
                        </div>
                    </div>
                    <div class="com-notice" v-if="pay_order_list.length==0">
                        <div class="icon-wrap">
                            <i class="iconfont icon-dingdan"></i>
                        </div>
                        <p>暂无订单</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" name="page_num" id="page_num" value="1">
    <input type="hidden" name="page_limit" id="page_limit" value="5">
</div>
</div>
</body>

</html>